.banner{
    position: relative;
    width: 100%;
    height: 70vw;
}
.banner .slider{
    position: relative;
    width: 100%;
    height: 100%;
}
.banner .slider .banner-intr{
    display: none;
    width: 100%;
    height: 100%;
    /*background: url(../img/slider.png) no-repeat center center;*/
    background-size: cover;
}
.banner .slider .banner-intr:first-child{
    display: block;
}
.banner .slider .intr-two{
    display: none;
}
.banner-intr .intr-o{
    margin:4vh auto 0px;
    width: 88%;
}
.banner-intr span{
    display: block;
    margin-top: 10px;
    width: 10vw;
    height: 4px;
    background: #80BB39;
    border-radius: 1px;
}
.f-1{
    display: block;
    font-size: 4vh;
    font-weight: 600;
    color: white;
}
.banner-intr .intr-t{
    margin: 1vh auto 0px;
    width: 88%;
    /*padding: 35px 0 0px 240px;*/
}
.f-2{
    display: inline-block;
    font-size: 2.2vh;
    color: #D8DADF;
}
.banner-intr .intr-th a{
    display: inline-block;
    width: 14vh;
    height: 5vh;
    line-height: 5vh;
    font-size: 2.2vh;
    color: white;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 5px;
}
.banner-intr .intr-th{
    margin: 1vh auto 0px;
    width: 88%;
    
}
.banner-intr .intr-th a:hover{
    background-color: #80BB39;   
}
.slider .slider-bot{
    cursor: pointer;
    position: absolute;
    width:63px;
    height: 142px;
    background: url(../img/slider-bot.png) no-repeat center center;
    background-size: 100% 100%;
    right: 100px;
    bottom: 115px;
}
.banner-bot{
    position: absolute;
    bottom: -0px;
    width: 100%;
    height: 6px;
    cursor: pointer;
}
.banner-bot .banner-bot-l{
    position: relative;
    width: 50%;
    height: 6px;
    opacity: 0.7;
}
.banner-bot .banner-bot-r{
    position: relative;
    width: 50%;
    height: 10px;
}
.banner-bot .b-blue{
    background-color: #81D021;
}

.slider .slider-bot:hover{
    background: url(../img/slider-bot-h.png) no-repeat center center;
}
.con-1{
    width: 100%;
    height: 50vw;
    /*border: 1px solid red;*/
}
.con-1 li{
    display: block;
    float: left;
    width: 50%;
    height: 25vw;
    text-align: center;
}
.con-1 li:nth-child(1){
    border-right: 1px solid #DCDCDC;
}
.con-1 li:nth-child(3){
    border-top: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}
.con-1 li:nth-child(4){
    border-top: 1px solid #DCDCDC;
}
.con-1 li .li-t{
    width: 100%;
    height: 16vw;
    padding-top: 3vw;
}
.con-1 li .li-t img{
    width: auto;
    height: 100%;
}
.con-1 li .li-b{
    width: 100%;
    height: 9vw;
    line-height: 9vw;
}
.con-1 li .li-b .f-3{
    font-size: 2.2vh;
}

.con-2{
    width: 100%;
    height: 70vw;
    background: url(../img/con-2.png) no-repeat center center;
    background-size: cover;
}

.con-3{
    padding-bottom: 8px;
    width: 100%;
    height: auto;
    background: url(../img/con-3.png) no-repeat center center;
    background-size: cover;
}
.con-3 .con-3-intr {
    text-align: center;
}
.f-5{
    display: inline-block;
    height: 10vw;
    line-height: 10vw;
    font-size: 2.8vh;
    color: white;
    letter-spacing: 4px;
}
.f-6{
    display: inline-block;
    line-height: 3vh;
    font-size: 2.2vh;
    color: #737373;
}

.con-4{
    width: 100%;
    height: auto;
}
.con-4 .con-l{
    width: 100%;
    height: 17vw;
}
.con-4 .con-l .con-c-l{
    width: 100%;
    height: 100%;
}
.con-4 .con-l .con-c-l li{
    display: inline-block;
    width: 33.333%;
    height: 100%;
    line-height: 17vw;
    text-align: center;
    border-right: 1px solid #D8DADF;
}
.con-4 .con-l .con-c-l li img{
    height: 3vh;
    width: auto;
}
.con-4 .con-l .con-c-l li:last-child{
    border: 0px;
}
.con-4 .con-r{
    width: 100%;
    height: auto;
    display: none;
}
.con-4 .con-c-r .con-r:first-child{
    display: block;
}
.con-4 .con-c-r .con-r .c_video{
    position: relative;
}
.con-4 .con-r img{
    width: 100%;
    height: 100%;
}
/*.con-4 .c4-act{
    display: block;
}*/
.con-4 .con-r .con-r-l{
    width: 100%;
    height: 100%;
}
.con-4 .con-r .con-r-l .r-l-t{
    width: 100%;
    height: auto;
}
.con-4 .con-r .con-r-l  .r-l-b{
    width: 100%;
    height: auto;
}
.con-4 .con-r .con-r-l  .r-l-b .l-b-l{
    width: 50%;
    height: 100%;
}
.con-4 .con-r .con-r-l .r-l-b .l-b-r{
    width: 50%;
    height: 100%;
}

.con-4 .con-r .con-r-r{
    width: 100%;
    height: 100%;
}
.con-4 .con-r .con-r-r li{
    display: block;
    width: 50%;
    height: auto;
    float: left;
}
.con-5{
    padding-bottom: 8px;
    width: 100%;
    height: auto;
    background-color: #EBECED;
}
.con-5 .con-5-intr {
    text-align: center;
}
.con-5 .con-b{
    color:#424249;
}

.con-6{
    width: 100%;
    padding-bottom: 20px;
/*    height:1650px;*/
    background-color: #000000;
}
.con-6 .con-6-ul{
    width: 100%;
    margin-top: 20px;
    height: auto;
}
.con-6 .con-c .con-cs{
    display: none;
}
.con-6 .con-c .con-cs:first-child{
    display: block;
}
.con-6 .con-6-ul li{
    display: inline-block;
    width:100%;
    height:10vh;
    cursor: pointer;
    border-right:1px solid #1A1A1A;
    border-top:1px solid #1A1A1A;
    border-bottom:1px solid #1A1A1A;
    color: #A3A3A3;
}
.con-6 .con-6-ul li:first-child{
    color: white;
}
.con-6 .con-6-ul li:first-child{
    border-left:1px solid #1A1A1A;
}
.con-6 .con-6-ul li .ul-i{
    padding-left: 25px;
    padding-right: 20px;
    width:auto;
    height: 100%;
    line-height: 10vh;
}
.con-6 .con-6-ul li .ul-i img{
    width:auto;
    height:80%;
}
.con-6 .con-6-ul li .ul-intro{
    padding-top: 1vh;
    width:50%;
    height: 100%;
    
}
.m-1{
    font-size: 2.8vh;
}
.m-2{
    font-size: 2.2vh;
}
.con-6 .con-6-ul li .m-1{
    
}
.con-6 .con-6-ul li .m-2{
    
}
.con-6 .con-6-ul .m3{
    background: #242426;
}
.con-6 .con-intr{
    margin: 4vh auto;
    width: 90%;
    height: auto;
    /*border: 1px solid #ccc;*/
}
.con-intr .f-5{
    padding-bottom: 0px;
}
.con-intr .f-6{
    padding-bottom: 10px;
    color: white;
}
.con-intr .con-gg {
    width: 12vh;
    height: 5vh;
    line-height: 5vh;
    font-size: 2.2vh;
    color: white;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    cursor: pointer;
}
.con-intr .con-gg:hover{
    color: white;
    background: #81D021;
}
.con-6 .con-img{
    margin: 35px auto 0px;
    padding-bottom: 40px;
    width: 88%;
}
.con-6 .con-img img{
    width:100%;
    height: auto;
}
